<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>星星国际影城</title>
		<link href="css/index.css" rel="stylesheet" type="text/css" />
		<script src="js/main.js" type="text/javascript"></script>
	</head>
	<body>
		<!--顶部-->
		<div id="header">
			<div class="main">
				<div class="info">
					<a href="#" class="sina" title="sina" alt="新浪"></a>
					<a href="#" class="tqq" title="tqq" alt="tqq"></a>
					<a href="login.html" target="_blank">登录|</a>
					<a href="sign.html" target="_blank">注册|</a>
					<span>全国服务热线：888-8888888</span>
				</div>
			</div>	
		</div>
		<!--logo部分-->
		<div id="logo">
			<div class="logo_star">
				<a href="index.html"><img src="images/logo.jpg" title="" alt="logo" /></a>
			</div>
		</div>
		<!--导航-->
		<div id="nav">
			<div class="menu">
				<!--导航菜单-->
				<ul>
					<li><a href="#" class="active">首页</a></li>
					<li><a href="#">影片</a></li>
					<li><a href="#">影城</a></li>
					<li><a href="#">购票</a></li>
					<li><a href="#">影城活动</a></li>
					<li><a href="#">会员服务</a></li>
					<li><a href="#">顾客互动</a></li>
				</ul>
				<!--搜索框-->
				<div class="search">
					<input type="text"  placeholder="搜索影片" name="search"/>
					<input type="button" name="btn" value="" />
				</div>
			</div>		
		</div>
		<!--主体部分-->
		<div id="main">
			<!--banner轮播图-->
			<div class="banner">
				<ul class="main_content">
					<li><img src="images/b1.png" /></li>
					<li><img src="images/b2.png" /></li>
					<li><img src="images/b3.png" /></li>
				</ul>
				<!--轮播切换-->			
				<ul class="tab">
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
			</div>
			<!--快速购票-->
		    <ul class="ticket">
				<li>
					<a href="javscript:void(0);" class="clickA">选择影院</a>
					<div class="hide_select" style="display: none;">
                        <a href="javascript:void(0);">星星国际</a>
                        <a href="javascript:void(0);">UME影城安贞店</a>
                        <a href="javascript:void(0);">中影火山湖电影城番禺店</a>
                        <a href="javascript:void(0);">广州星汇电影城</a>
                        <a href="javascript:void(0);">广州保利国际影城</a>
                        <a href="javascript:void(0);">广州上影联和电影城</a>
                    </div>
				</li>
				<li>
					<a href="javscript:void(0);" class="clickA">选择电影</a>
                    <div class="hide_select" style="display: none;">
                        <a href="javascript:void(0);">澳门风云</a>
                        <a href="javascript:void(0);">怪兽大学</a>
                        <a href="javascript:void(0);">夏日示爱</a>
                        <a href="javascript:void(0);">激战</a>
                        <a href="javascript:void(0);">超级经纪人</a>
                        <a href="javascript:void(0);">逆袭</a>
                        <a href="javascript:void(0);">极乐空间</a>
                    </div>
				</li>
				<li>
					<a href="javscript:void(0);" class="clickA">选择时间</a>
                    <div class="hide_select" style="display: none;">
                        <a href="javascript:void(0);">2013-10-23(周三)</a>
                        <a href="javascript:void(0);">2013-10-24(周四)</a>
                        <a href="javascript:void(0);">2013-10-25(周五)</a>
                    </div>
				</li>
				<li>
					<a href="javscript:void(0);" class="clickA">选择场次</a>
                    <div class="hide_select" style="display: none;">
                        <a href="javascript:void(0);">05：30</a>
                        <a href="javascript:void(0);">18：30</a>
                        <a href="javascript:void(0);">22：30</a>
                    </div>
				</li>
				<!--购票按钮-->
				<li>
					<a href="#">快速购票</a>
				</li>
			</ul>
			<!--内容区域-->
			<div class="movie_main">
				<div class="section">
					<div class="title">
						<span>正在热映</span>
						<span>即将上映</span>
						<a href="#">查看全部</a>
					</div>
					
					<!-- 正在热映列表组 -->
					<div class="move_list" style="display: block;">
						<ul class="list">
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="details.html" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="details.html" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="details.html" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img0.jpg" alt="速度与激情6"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>速度与激情6</p>
							</li>
						</ul>
					</div>
					
					
					<!-- 即将上映列表组 -->
					<div class="move_list" style="display: none;">
						<ul class="list">
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
							<li class="item">
								<div class="file_info">
									<img src="images/img03.jpg" alt="澳门风云"/>
									<div class="film_hide">
										<p class="desp">史泰龙67岁还玩命，真爷们!</p>
		                                <p class="score">好评度：7.6</p>
		                                <a href="#" class="link">影片介绍</a>
									</div>
								</div>
								<p>澳门风云</p>
							</li>
						</ul>
					</div>
					
				</div>
				<!--侧边栏-->
				<div class="side">
					<!--影城活动-->
					<div>
						<div class="topic">
	                        <span>影城活动</span>
	                        <a href="">更多>></a>
	                    </div>
	                    <div class="detail">
	                    	<!--指示大图-->
	                    	<ul class="bd">
	                    		<li style="z-index: 3;"><img src="./images/img01.jpg" alt=""></li>
	                            <li style="z-index: 2;"><img src="./images/img02.jpg" alt=""></li>
	                            <li style="z-index: 1;"><img src="./images/img05.jpg" alt=""></li>
	                    	</ul>
	                    	<!--指示块-->
	                    	<ul class="indicate">
								<li>
									<img src="images/img01.jpg">
									<p>《敢死队》7月18日与你约</p>
								</li>
								<li>
									<img src="images/img02.jpg">
									<p>《敢死队》7月18日与你约</p>
								</li>
								<li class="none">
									<img src="images/img05.jpg">
									<p>《敢死队》7月18日与你约</p>
								</li>
							</ul>
	                    </div>
					</div>
					<!--服务公告-->
                    <div>
                    	<div class="topic">
                        	<span>服务公告</span>
                        	<a href="">更多>></a>
	                 	</div>
	                 	<!--新闻列表-->
						<ul class="noticelist">
			                <li>
			                    <a href="#">2013韩国电影展8月开幕</a>
			                </li>
			                <li>
			                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
			                </li>
			                <li>
			                     <a href="#">2013韩国电影展8月开幕</a>
			                </li>
			                <li>
			                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
			                </li>
			                <li>
			                    <a href="#">2013韩国电影展8月开幕稿曝光</a>
			                </li>
			                <li>
			                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
			                </li>
			                <li>
			                    <a href="#">2013韩国电影展8月开幕</a>
			                </li>
			            </ul>
                    </div>
					<!--品牌资讯-->
					<div>
						<div class="topic">
                        	<span>品牌资讯</span>
                        	<a href="">更多>></a>
	                    </div>
						<ul class="newList">
			                <li>
			                    <a href="#">2013韩国电影展8月开幕</a>
			                    <img src="./images/img01.jpg" alt="" style="display: none;">
			                </li>
			                <li>
			                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
			                    <img src="./images/img01.jpg" alt="" style="display: none;">
			                </li>
			                <li>
			                     <a href="#">2013韩国电影展8月开幕</a>
			                     <img src="./images/img01.jpg" alt="" style="display: none;">
			                </li>
			                <li>
			                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
			                    <img src="./images/img01.jpg" alt="" style="display: none;">
			                </li>
			           </ul>
					</div>           	
				</div>
			</div>	
		</div>
		
		<!--底部-->
		<div id="footer">
			<!--帮助-->
			<div class="help">
				<ul>
					<li class="title">新手上路</li>
					<li>注册登录问题</li>
					<li>用户绑定会员卡问题</li>
					<li>影票相关问题</li>
					<li>票价和支付问题</li>
					<li>取票凭证码和取票问题</li>
				</ul>
				<ul>
					<li class="title">购票指南</li>
					<li>用户购票流程</li>
					<li>取票观影指南</li>
					<li>会员卡支付相关说明</li>
					<li>网银支付相关说明</li>
				</ul>
				<ul>
					<li class="title">会员权益</li>
					<li>会员订票权益</li>
					<li>会员积分权益</li>
					<li>入会资格</li>
					<li>会员卡折扣说明</li>
				</ul>
				<ul class="none">
					<li class="title">联系我们</li>
					<li>手机客户端介绍与下载</li>
					<li>影片信息查询</li>
					<li>手机自助购票</li>
				</ul>
			</div>
			
			<div class="ft_bottom">
				<p>
	            	<a href="">公司介绍 - </a>
	            	<a href="">合作咨询 - </a>
	            	<a href="">友情链接 - </a>
	           	 	<a href="">网站地图 - </a>
	            	<a href="">站长统计 - </a>
	            	<a href="">网站声明</a>
       			</p>
        		<p>Copyright © 2013  ed by</p>
			</div>						
		</div>
	</body>
</html>
